/***使用calc在.less会解析出错***/
.container .content{
    min-height: calc(100vh - 134px);
}
.react-resizable {
    position: relative;
}
.react-resizable-handle {
    position: absolute;
    width: 10px;
    height: 100%;
    bottom: 0;
    right: -5px;
    cursor: col-resize;
}
.tab-list-box{
    margin: 15px;
}
.btn-txt-primary{
    white-space: nowrap;
    text-decoration: none!important;
}
.btn-txt-danger{
    white-space: nowrap;
    color: #f5222d;
    text-decoration: none!important;
}
.btn-txt-danger:hover{
    color: #f5676c;
}
.txt-danger{
    color: #f5222d;
}
.txt-primary{
    color: #1890ff;
}
.txt-success{
    color: #52c41a;
}
.lv-sign-high:before{
     content: '';
     display: inline-block;
     width: 10px;
     height: 10px;
     background-color: #f5222d;
     margin-right: 10px;
 }
.lv-sign-middle:before{
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #faad14;
    margin-right: 10px;
}
.lv-sign-low:before{
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #1890ff;
    margin-right: 10px;
}
.preview-img{
    max-width: 102px;
}
.layout-form,
.layout-form-three {
    display: flex;
    flex-wrap:wrap;
}
.layout-form .left-div,
.layout-form .right-div{
    width: 50%;
}
.layout-form-three .left-div,
.layout-form-three .middle-div,
.layout-form-three .right-div{
    width: 33.33%;
}
.random-code{
    display: inline-block;
    background-color: #222;
    color: #fff;
    letter-spacing: 10px;
    text-indent: 10px;
    padding: 5px 7px;
    margin-right: 15px;
}